目录概要相关资源关键点实现原理核心代码异常情况相关链接概要    本文主要讲解如何在elmentui的table组件上实现表格内容自动滚动。表格背景已通过css修改为透明背景。话不多说，直接进入正题。相关资源资源类型资源名称JQUERYjquery-3.1.1.min.jsVUEvue.jsVUEvue-resource.jsElementUIelementui.min.jsElementUIelementui.css关键点  1.创建html页面引入相关资源          2.创建el-table表格    ref="datalist"表格元素的标记，用于获取到这个元素，用法：$.ref

在我的应用程序表单中，我有两个RichTextBox对象。它们将始终具有相同数量的文本行。我想“同步”这两个之间的垂直滚动，这样当用户改变其中一个的垂直滚动位置时，另一个滚动相同的量。我该怎么做呢？ 最佳答案 感谢杰的回答；经过更多搜索后，我还找到了描述的方法here.我将在下面为任何感兴趣的人概述。首先，声明以下枚举:publicenumScrollBarType:uint{SbHorz=0,SbVert=1,SbCtl=2,SbBoth=3}publicenumMessage:uint{WM_VSCROLL=0x0115}pub

我已经完成了线程:bindingtwoVerticalScrollBarsonetoanother它几乎帮助实现了目标，但仍然缺少一些东西。左右移动滚动条或上下移动滚动条会在我的两个滚动查看器中产生预期的滚动行为，但是当我们尝试使用/单击滚动查看器中这些滚动条末端的箭头按钮进行滚动时，只有一个滚动查看器被滚动，而不是预期的行为。那么我们还需要添加/编辑什么来解决这个问题？ 最佳答案 一种方法是使用ScrollChanged事件来更新另一个ScrollViewerprivatevoidScrollChanged(objectsende

我有一个Canvas，我正在其中绘制一堆形状和其他UI元素。这个Canvas可以非常大，所以我想把它放在一个面板中，它允许我使用鼠标放大/缩小并通过拖动鼠标滚动，就像谷歌地图一样。我能找到的最接近的东西是ScrollViewer，但显然这还不够接近。有没有人在WPF中做过这个并且有任何XAML和/或C#代码？ 最佳答案 我askedlastweekDeepZoom是否计划用于WPF(因为它在Silverlight上可用)。我收到了指向此代码的链接，它听起来非常像您想要的解决方案:PanandZoominWPF

我正在使用MVVM模式，我有一个创建新ViewModel的View，在用户单击保存后，关闭此View并打开一个显示View模型集合的单独View在ListView中。这个ListView是按字母顺序排列的，所以新的ViewModel可能会出现在ListBox的底部，不是立即可见的给用户。我的问题是如何让View自动滚动到新添加的项目？我想它将使用附加行为，以及ListView上的ScrollIntoView事件，但是我需要从GridView中捕获它的哪个事件我不确定..干杯 最佳答案 此解决方案适用于ListBox，但它可以针对Li

我已经创建了具有4列的简单DataGrid，它们超出了DataGrid的范围，并且没有显示水平滚动条。我尝试为每一列设置宽度，但没有任何改变。这是我的XAML:这是我得到的:我也试过用ScrollViewer包装DataGrid。没有什么。如何让滚动条出现？ 最佳答案 我也非常不喜欢这种行为，因为我使用标题过滤器。我的“hack”比上面的要简单得多:只需将数据网格放在一个新的ScrollViewer中，并设置Horizo​​ntalScrollBarVisibility=Auto和VerticalScrollBarVisibilit

在我尝试重新发明轮子(通过jQuery插件或类似插件)之前，我想看看是否有更简单的方法或用户可能知道的现有插件。我想要做的是滚动包含多个表标题的表的主体。例如，想象一下这种结构:老实说，我还没有尝试过上面的语法来查看它是否有效。我拥有的实际标记当前不使用thead/tbody，而是滚动整个父div(如下所示)。我想要实现的是滚动整个表格，以便在顶部查看最相关部分的标题。目前，如果行数足够，标题会滚出View。我知道用于滚动带有一个标题的表格的各种技术，但是多个呢？有没有现有的方法来实现这一目标？我对不同的想法持开放态度，但现在我正在考虑简单地在顶部显示与内容最相关的表格标题。

这是经典。您有一个父元素和一个子元素。子元素是绝对定位的，您希望用户滚动浏览其内容。但是，当您到达子元素的底部时，父元素(也允许有滚动条)开始滚动。这是不可取的。我想重现的基本行为是纽约时报的评论部分。对于example:正文允许向下滚动，但是当您位于评论部分的底部时，向下滚动不会执行任何操作。我认为这种情况下的主要区别在于，当光标位于body元素上时，我想让用户向下滚动。其他方法需要向主体添加一个类以防止主体中出现任何滚动事件。我以为我可以在Angular2中使用一些Javascript来做到这一点，但这是我迄今为止失败的尝试:我的子组件中有一个自定义指令:并且该指令应该停止将滚动事

我们有丰富的页面，其中有一个包含动态内容的小块。直到最近，一切都运行良好。现在Chrome浏览器以某种方式“捕获”页面上的一个div并向下滚动整个内容。这很难用语言解释，但更容易证明。这是测试页。只需在Chrome中打开它，然后向下滚动一点，这样蓝色框之一就会位于视口(viewport)的最顶部边框上。当蓝色框停留在同一位置时，您会看到所有内容(数字1、2、3..)都在自行滚动。在这个简单的示例中，它可能看起来合乎逻辑，但考虑到动态block只是页面上的许多block之一，并且没有理由滚动整个内容，因为block内发生了一些变化。1234567891011121314151617181

如何检查滚动条是否位于底部？使用JQuery或JavaScript 最佳答案 您找到滚动容器的高度，然后将其与滚动位置进行比较。如果它们相同，那么您已经到达底部。$(document).ready(function(){$('div').scroll(function(){vardiv=$(this);if(div.height()==div.scrollTop()+1)//scrollTopis0based{alert('Reachedthebottom!");}});});编辑:在jsfiddle中进行了一些测试，我意识到以前的